<script setup>
// defineModel() 返回的值是一个 ref。它可以像其他 ref 一样被访问以及修改，
// 不过它能起到在父组件和当前变量之间的双向绑定的作用：
// 它的 .value 和父组件的 v-model 的值同步；
// 当它被子组件变更了，会触发父组件绑定的值一起更新
// vue3.4新特性写法
const model = defineModel()

console.log(model,"这里是666")
function update () {
  model.value++
}
</script>

<template>
  <div class="chidren">

    <div>Parent bound v-model is: {{ model }}</div>
    <input v-model="model" />
    <button @click="update">更新/修改</button>
  </div>
</template>
<style scoped>
.chidren {
  background-color: rgb(176, 228, 156);
  margin-top: 30px;
}
</style>